<template>
    <div class="hometop">
        <div class="hometopImg">
            <img src="https://imagev2.xmcdn.com/storages/3777-audiofreehighqps/49/07/GMCoOSMH3Kb7AAAPQgH_va2X.png" alt="">
        </div>
        <!-- 插槽 -->
        <slot name="main"></slot>
        <div class="hometopTitle">
            打开APP
        </div>
    </div>
    <slot name="bottom"></slot>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
    .hometop{
        box-sizing: border-box;
        padding :15px 15px 5px ;
        width: 375px;
        height: 50px;
        display: flex;
        justify-content: space-between;
        .hometopImg{

            img{
                width: 116px;
                height: 29px;
            }
        }
        .hometopTitle{
            width: 88px;
            height: 30px;
            line-height: 30px;
            background-color: #FA2800;
            color: white;
            border-radius: 20px;
            font-size : 16px;
            text-align: center;
        }
    }
</style>